<template>
  <div class="tab">
   <van-tabs v-model:active="active" type="card" background="#ffffff" color="#7f7f7f">
    <van-tab title="消费订单"><consumeVue/></van-tab>
    <van-tab title="充值订单"><chargeVue/></chargeVue></van-tab>
    <van-tab title="秒杀订单"><secondKillOrder/></secondKillOrder></van-tab>
</van-tabs>
  </div>
</template>

<script>
import chargeVue from './charge.vue'
import consumeVue from './consume.vue'
import secondKillOrder from './secondKillOrder'
import Vue from 'vue';
import { Tab, Tabs } from 'vant';

Vue.use(Tab);
Vue.use(Tabs);

export default {
  head() {
    return {
      title: "我的订单"
    };
  },
  components: { chargeVue, consumeVue,secondKillOrder},
  data(){ 
    return { 
      active:0
    }
  }
}
</script>

<style lang="scss" scoped>
  .tab{ 
    margin-top: 10px;
  }
</style>